<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>鼠标悬停滤镜效果</title>
    <link rel="stylesheet" href="style.css">
</head>

<body>
    <div class="box" style="--i:url(img/1.jpg)"><img src="img/1.jpg" alt=""></div>
    <div class="box" style="--i:url(img/2.jpg)"><img src="img/2.jpg" alt=""></div>
    <div class="box" style="--i:url(img/3.jpg)"><img src="img/3.jpg" alt=""></div>
</body>
</html>
